.item-content {
    width: 95%;
    margin: 0 auto;
    margin-top: .23rem;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 2px 4px #d4d4d4;
    border-radius: 0.06rem;
    padding: .38rem .21rem;

    .title {
        font-size: .28rem;
        font-weight: bolder;
        color: #000;
    }

    .content {
        display: flex;

        .left {
            width: 2.3rem;
            height: 3.1rem;
            margin-right: .45rem;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .right {
            padding-top: .12rem;

            .font {
                color: #999999;
                font-size: .19rem;
                line-height: .4rem;
                font-weight: 600;
                display: flex;

                div {
                    width: 1rem;
                    text-align: right;
                }

                span {
                    color: #000;
                    font-size: .21rem;
                }
            }
        }
    }
}

.download,
.recommend {
    width: 95%;
    margin: 0 auto;
    margin-top: .23rem;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 2px 4px #d4d4d4;
    border-radius: 0.06rem;
    padding: .38rem .21rem;

    .bt {
        width: 2.2rem;
        height: .67rem;
        background-color: #f44c3c;
        color: #fff;
        text-align: center;
        line-height: .67rem;
        font-size: .23rem;
        font-weight: bold;
    }
}

.download {
    #nav-box {
        display: flex;
        justify-content: space-around;

        .item {
            width: 40%;
            line-height: .68rem;
            text-align: center;
            font-size: .22rem;
            font-weight: bold;
        }

        .navactive {
            border-bottom: 3px solid #f22c1a;
            color: #f22c1a;
        }
    }

    .content {
        .item {
            width: 85%;
            margin: 0 auto;
            display: none;
            margin-top: .26rem;

            div {
                font-size: .23rem;
                line-height: .75rem;
                font-weight: bold;
                border-bottom: 1px solid #999999;
            }
        }

        .active {
            display: block;
        }
    }
}

.recommend {
    .list {
        width: 95%;
        margin: 0 auto;
        border-bottom: 1px solid #d4d4d4;
        display: flex;
        align-items: baseline;
        line-height: .8rem;

        div {
            margin-right: .16rem;

            &:first-child {
                width: .28rem;
                height: .29rem;
                background-color: #f44c3c;
                text-align: center;
                line-height: .29rem;
                color: #fff;
            }

        }
    }
}